<template>
    <el-container>
      <el-main >
        <router-view></router-view>
      </el-main>
      <el-footer>
         <el-menu
            default-active="1"
            class="el-menu-vertical-demo"
            mode = "horizontal"
            router
          >
            <el-menu-item index="1" route="/show">
              <template #title>
                <span>首页</span>
              </template>
            </el-menu-item>
            <el-menu-item index="2" route="/history">
              <template #title>查看历史计划</template>
            </el-menu-item>
          </el-menu>
      </el-footer>
    </el-container>
</template>

<script setup>
</script>

<style scoped>
  .el-footer{
     height: 60px;
  }
  .el-menu{
    display: flex;
    justify-content: space-around;
  }
  .el-menu-item{
    width: 10%;
  }
</style>